<!-- START row-->
<div class="col-lg-12">
  <!-- START panel-->
  <div class="">
	 <div class="">
		<!-- Nav tabs -->
		<ul class="nav nav-tabs">
		   <li class="active"><a href="#home" data-toggle="tab">Tham số</a>
		   </li>
		   <li><a href="#profile" data-toggle="tab">Tiêu chí</a>
		   </li>
		   <li><a href="#messages" data-toggle="tab">Giao diện</a>
		   </li>
		</ul>
		<!-- Tab panes -->
		<div class="tab-content">
		   <div id="home" class="tab-pane fade in active">
			<?php  echo $this->atheme->input('Title URL', 'title_link', set_value('title_link', @$title_link), array('help'=>'')); ?>
			<?php  echo $this->atheme->input('Limit', 'limit', set_value('limit', @$limit), array('help'=>'Số lượng bài viết hiển thị')); ?>
			<?php  echo $this->atheme->input('Mã ID bài viết', 'post_id', set_value('post_id', @$post_id), array('help'=>'Bài viết ưu tiên hiển thị')); ?>
			<?php  echo $this->atheme->input('Chặn mã ID bài viết', 'ignore_post_id', set_value('ignore_post_id', @$ignore_post_id), array('help'=>'Bỏ qua bài viết được nhập')); ?>
		   </div>
		   <div id="profile" class="tab-pane fade">
			<?php  echo $this->atheme->select('Cấp độ', 'post_level', set_value('post_level', @$post_level), array('options' => array('0'=>'Bình thường','1'=>'Tiêu điểm','2'=>'Tin chính','3'=>'Nổi bật'),'help'=>'')); ?>
			<?php  echo $this->atheme->select('Sắp xếp theo', 'order_by', set_value('order_by', @$order_by), array('options' => array('post_time_start' =>'Ngày xuất bản','view' =>'Lượt xem','random'=>'Ngẫu nhiên'),'help'=>'')); ?>
			<?php  echo $this->atheme->select('Sắp xếp thứ tự', 'order', set_value('order', @$order), array('options' => array('DESC' =>'Giảm dần','ASC'=>'Tăng dần'),'help'=>'')); ?>
			<?php  echo $this->atheme->checks('Bài viết cùng danh mục', array(@$iscategory), array('options' => array(
														array('','iscategory','true')	),
												'help'=>'')); ?>
			<?php  echo $this->atheme->multiselect('Danh mục', 'cateid', @$cateid, array('options' => $list_cate,'help'=>'')); ?>
		   </div>
		   <div id="messages" class="tab-pane fade">
			 <?php  
			$views = array();
			$views['view_1'] = 'Giao diện 1';
			$views['view_2'] = 'Giao diện 2';
			$views['view_3'] = 'Giao diện 3';
			$views['view_4'] = 'Giao diện 4';
			$views['view_5'] = 'Giao diện 5';
			$views['view_6'] = 'Giao diện 6';
			$views['view_7'] = 'Giao diện 7';
			$views['view_8'] = 'Giao diện 8';
			$views['view_12'] = 'Giao diện 9';
			$views['view_13'] = 'Giao diện 10';
			$views['view_14'] = 'Giao diện 11';
			$views['view_15'] = 'Giao diện 12';
			$views['view_9'] = 'GD trang danh muc con';
			$views['view_16'] = 'GD trang sự kiện';
			$views['view_10'] = 'GD box tin lớn - left';
			$views['view_11'] = 'GD box tin lớn - right';

			$views['view_right_1'] = 'Box tin 1- RIGHT COL';
			$views['view_right_2'] = 'Box tin 2- RIGHT COL';
			$views['view_right_3'] = 'Box tin 3- RIGHT COL';
			$views['view_right_4'] = 'Box tin 4- RIGHT COL';
			
			 echo $this->atheme->select('Giao diện', 'view',  @$view, array('options' => $views,'help'=>'Chọn giao diện của widget này.')); ?>

 <img src="<?php echo theme_url();?>module/ultimate_posts_module/<?php echo (isset($view)?$view:'view_1');?>.png" class="module-image-thumb">
		   </div>
		</div>
	 </div>
  </div>
  <!-- END panel-->
  </div>




<style>
img.module-image-thumb {
	max-height: 180px;
	max-width: 100%;
}
</style>
<script>
$( "select[name='type']" ).change(function() {
	if($(this).val() == 'choose')
	{
		$("label[for='sup_limit']").text('ID sản phẩm (cách nhau bởi dấu ,)');
	}
	else
	{
		$("label[for='sup_limit']").text('Số lượng sản phẩm');
	}
});
$( "select[name='view']" ).change(function() {
	 $(".module-image-thumb").attr('src','<?php echo theme_url();?>module/ultimate_posts_module/'+$(this).val()+'.png');
});

</script>
